<#import "../../layout/single.ftl" as layout>
<@layout.single title="填写报销单" javascripts=["plugins/layui/laydate/laydate.js"]>
<div class="container-fluid" style="padding-top: 16px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title text-center">
                    <h2>报销单</h2>
                </div>
                <div class="ibox-content">
                    <form method="post" class="form-horizontal" name="expenseForm" id="expenseForm">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="employeeName">员工姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="employeeName" id="employeeName" value="${(variables.employeeName)!''}"><span
                                    class="help-block m-b-none">填写员工姓名和工号，例如：张三(X0001)</span>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="count">报销金额</label>
                            <div class="col-sm-10">
                                <div class="input-group m-b"><span class="input-group-addon">&yen;</span>
                                    <input type="text" class="form-control" name="count" id="count" value="${(variables.count)!''}">
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">费用日期</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="costtime" name="costtime" value="${(variables.costtime)!''}">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="comment">报销事由</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" name="comment" id="comment">${(variables.reason)!''}</textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    laydate.render({
        elem: "#costtime",
        showBottom: true,
        max: new Date().getTime(),
        type: "date"
    });
</script>
</@layout.single>